<!-- 
    载入静态文件
    使用 Django 3 学习的读者改为 {% load static %}
-->
{% load staticfiles %}

<!DOCTYPE html>
<!-- 网站主语言 -->
<html lang="zh-cn">
  <head>
    <!-- 网站采用的字符编码 -->
    <meta charset="utf-8" />
    <!-- 预留网站标题的位置 -->
    <title>{% block title %}{% endblock %}</title>
    <!-- 引入bootstrap的css文件 -->
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}"/>
{#    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">#}
    <!-- 引入monikai.css -->
    <link rel="stylesheet" href="{% static 'md_css/monokai.css' %}" />
    <!-- bootstrap.js 依赖 jquery.js 和popper.js，因此在这里引入 -->
    <script src="{% static 'jquery/jquery-3.3.1.js' %}"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/all.min.css">

    <!-- 引入layer.js -->
    <script src="{% static 'layui/layui.js' %}"></script>
    <!-- 引入layer样式 -->
    <link rel="stylesheet" href="{% static 'layui/css/layui.css' %}" type="text/css">
    <!-- 引入layer.js -->
    {% comment %} <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.9.3/layui.js" integrity="sha512-zmoWhGi8XQqVQU7OvSsrwJcjNTNTUZyDdmP/M8ZuHmTdWE2+kbTJsZIhN1CJWNgD4isuXxYB1DdUtJbvzTZ+NQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> {% endcomment %}
    
  </head>

  <body>
    <!-- 引入导航栏 -->
    {% include 'header.html' %}
    <!-- 预留具体页面的位置 -->
    {% block content %}{% endblock content %}
    <!-- 引入注脚 -->
    {% include 'footer.html' %}
     <!-- 在jquery后面引入 -->
    {% include 'back_to_top_func.html' %}

    <!-- 
        popper.js 采用 cdn 远程引入，意思是你不需要把它下载到本地。
        在实际的开发中推荐静态文件尽量都使用 cdn 的形式。 
        教程采用本地引入是为了让读者了解静态文件本地部署的流程。
    -->
    <script src="{% static 'other/popper.min.js' %}"></script>

    <!-- 引入bootstrap的js文件 -->
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
  </body>



</html>
